<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组件基础</title>
    <script src="https://cdn.bootcss.com/vue/2.4.2/vue.js"></script>
</head>
<body>
    <div id="app">
        <!-- 可复用组件 -->
        <my-component
                :foo = "baz"
                :bar = "qux"
                @event-a = "doThis"
                @event-b = "doThat"
        >

            <img slot="logo" src="../logo.png" />
            <p slot="username">姓名</p>
        </my-component>
    </div>
    <script>

        new Vue({
            el : "#app",

        })
    </script>
</body>
</html>